angular.module('app.routes', [])

.config(function($stateProvider, $urlRouterProvider) {

  // Ionic uses AngularUI Router which uses the concept of states
  // Learn more here: https://github.com/angular-ui/ui-router
  // Set up the various states which the app can be in.
  // Each state's controller can be found in controllers.js
  $stateProvider
    
  

   .state('side-menu21.page1', {
    url: '/page1',
    views: {
      'side-menu21': {
        templateUrl: 'templates/page1.html',
        controller: 'page1Ctrl'
      }
    }
  })

  .state('side-menu21.page3', {
    url: '/page3',
    views: {
      'side-menu21': {
        templateUrl: 'templates/page3.html',
        controller: 'page3Ctrl'
      }
    }
  })

  .state('side-menu21.page2', {
    url: '/page2',
    views: {
      'side-menu21': {
        templateUrl: 'templates/page2.html',
        controller: 'page2Ctrl'
      }
    }
  })

  .state('side-menu21', {
    url: '/side-menu21',
    templateUrl: 'templates/side-menu21.html',
    //abstract:true
    controller: 'meauCtrl'
  })

  .state('page4', {
    url: '/page4',
    templateUrl: 'templates/page4.html',
    controller: 'page4Ctrl'
  })

  .state('page7', {
    url: '/page7?ShipID',
    templateUrl: 'templates/page7.html',
    controller: 'page7Ctrl'
  })
  
  .state('page9', {
        url: '/page9?ShipID',
        templateUrl: 'templates/page9.html',
        controller: 'page9Ctrl'
  })

  .state('page19', {
        url: '/page19?ShipID',
        templateUrl: 'templates/page19.html',
        controller: 'page19Ctrl'
  })
  
  .state('page10', {
        url: '/page10?ShipID',
        templateUrl: 'templates/page10.html',
        controller: 'page10Ctrl'
  })
  
  .state('page11', {
        url: '/page11',
        templateUrl: 'templates/page11.html',
        controller: 'page11Ctrl'
  })

   .state('page18', {
        url: '/page18',
        templateUrl: 'templates/page18.html',
        controller: 'page18Ctrl'
  })
  
  .state('page12', {
        url: '/page12?ShipID',
        templateUrl: 'templates/page12.html',
        controller: 'page12Ctrl'
  })
  .state('page20', {
        url: '/page20?ShipID',
        templateUrl: 'templates/page20.html',
        controller: 'page20Ctrl'
  })
  
  .state('page13', {
        url: '/page13?ShipID',
        templateUrl: 'templates/page13.html',
        controller: 'page13Ctrl'
  })
  
  .state('page14', {
        url: '/page14?ShipID',
        templateUrl: 'templates/page14.html',
        controller: 'page14Ctrl'
  })
  
  .state('page15', {
        url: '/page15?ShipID',
        templateUrl: 'templates/page15.html',
        controller: 'page15Ctrl'
  })
  
   .state('page16', {
        url: '/page16?ShipID',
        templateUrl: 'templates/page16.html',
        controller: 'page16Ctrl'
  })
  

   .state('side-menu21.page17', {
    url: '/page17',
    views: {
      'side-menu21': {
        templateUrl: 'templates/page17.html',
        controller: 'page17Ctrl'
      }
    }
  })

  .state('side-menu21.page21', {
    url: '/page21',
    views: {
      'side-menu21': {
        templateUrl: 'templates/page21.html',
        controller: 'page21Ctrl'
      }
    }
  })




$urlRouterProvider.otherwise('/page4')

  

});